<template>
	<view>
		<view class="wap">
			<view class="address">
			<view class="title">您需要我们送到哪里？</view>
			<view class="Addaddress">
				<text>添加收货地址</text>
				<image :src="require('./static/img/right.png')" mode=""></image>
			</view>
		</view>
		
		<view class="good">
			<view class="title">您的商品清单</view>
			<view class="goodlist">
				<image src="" mode=""></image>
				<view class="goodlist_r">
					<view>莫默寞陌系列小红酒酒大萨达酒酒…</view>
					<view class="goodlist_r_num">
						<text class="cut"></text>
						<text>10</text>
						<text class="add">+</text>
					</view>
					<view style="text-align: right;font-size: 40rpx;font-weight: bold;">￥433.40</view>
				</view>
			</view>
			
			<view class="goodlist">
				<image src="" mode=""></image>
				<view class="goodlist_r">
					<view>莫默寞陌系列小红酒酒大萨达酒酒…</view>
					<view class="goodlist_r_num">
						<text class="cut"></text>
						<text>10</text>
						<text class="add">+</text>
					</view>
					<view style="text-align: right;font-size: 40rpx;font-weight: bold;">￥433.40</view>
				</view>
			</view>
		</view>
		
		<view class="pirce">
			<view class="title">您的订单价格明细</view>
			<view class="pub" style="margin-top: 32rpx;">
				<text>商品合计</text>
				<text style="color: #000000;">¥3580.90</text>
			</view>
			<view class="pub">
				<text>运费</text>
				<text style="color: #000000;">请选择地址</text>
			</view>
			<view class="pub">
				<text>积分 1000积分</text>
				<text style="color: #000000;">- ¥10.00</text>
			</view>
			<view class="pub">
				<text>实付</text>
				<text style="color: #000000;">¥3570.90</text>
			</view>
		</view>
		
		<view class="payway">
			<view class="title">您的支付方式</view>
			<view class="wx">
				<text>微信支付</text>
				<label class="radio">
					<radio value=""  color="yellow"/>
				</label>
			</view>
		</view>
		
		<view class="leave">
			<view class="title">如果还有别的需要，备注一句</view>
			<view>
				 <textarea  placeholder="在这给我们捎些话"/>
			</view>
		</view>
		
		
		</view>
		<view class="btn">
			立即购买
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.wap{
	padding: 32rpx;
	padding-bottom: 128rpx;
	height: 100%;
	background: #F3F3F3;
	.title{
		font-size: 34rpx;
		font-weight: bold;
	}
	.address{
		padding: 32rpx;
		background: white;
		font-size: 34rpx;
		font-weight: bold;
		margin-bottom: 32rpx;
		.Addaddress{
			font-size: 28rpx;
			font-weight: 400;
			color: #999999;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 32rpx;
			padding-bottom: 16rpx;
			border-bottom: 1rpx solid #F3F3F3;
			image{
				width: 36rpx;
				height: 36rpx;
			}
		}
	}
	.good{
		padding: 32rpx;
		background: white;
		.goodlist{
			margin-top: 32rpx;
			display: flex;
			image{
				width: 200rpx;
				height: 200rpx;
				border: 1rpx solid #C0C0C0;
				margin-right: 32rpx;
			}
			.goodlist_r{
				flex: 1;
				min-width: 0;
				font-size: 28rpx;
				view{
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.goodlist_r_num{
					margin: 32rpx 0 20rpx 0;
					width: 182rpx;
					height: 52rpx;
					background: #F3F3F3;
					border-radius: 26rpx;
					display: flex;
					justify-content:space-between;
					padding: 0 26rpx;
					box-sizing: border-box;
					line-height: 52rpx;
					font-size: 32rpx;
					font-weight: 400;
					.cut{
						width: 20rpx;
						height: 5rpx;
						background: #000000;
						margin-top: 24rpx;
					}
					.add{
						font-size: 38rpx;
						font-weight: 600;
					}
				}
			}
		}
	}
	.pirce{
		padding: 32rpx;
		background: white;
		margin-top: 32rpx;
		.pub{
			font-size: 28rpx;
			margin-top: 16rpx;
			color: #999999;
			display: flex;
			justify-content: space-between;
		}
	}
	.payway{
		padding: 32rpx;
		background: white;
		.wx{
			color: #999999;
			font-size: 28rpx;
			padding-top: 16rpx;
			border-top: 1rpx solid #F3F3F3;
			margin-top: 16rpx;
			display: flex;
			justify-content: space-between;
		}
	}
	.leave{
		padding: 32rpx;
		background: white;
		textarea{
			margin-top: 32rpx;
			border: 1px solid #000000;
			width: 100%;
			height: 240rpx;
			padding: 16rpx;
			box-sizing: border-box;
		}
	}
}
.btn{
		line-height: 98rpx;
		width: 100%;
		background: #FEDD12;
		font-weight: bold;
		text-align: center;
	}
</style>
